import { createApp } from 'vue'
import App from './App.vue'

// 路由
import router from './router/index'
// store ~ 状态控制
import store from './store/index'
// 通用样式
import './assets/css/common.css';
// rem 单位和全屏适配处理
import './utils/rem.js'
// 页面访问白名单设置
import './permission.js'
// 换页动画
import './assets/css/pageAnimation.css'
// 引入 vant3 ui 框架，vue3对应使用vant3的版本
import Vant from 'vant';          // 全局引入，也可以采用局部引入的方式使用
import 'vant/lib/index.css';      // vant 样式引入

/**
 *   挂载使用方式，如下： 
 *   1.直接链式
 *   2.单独分离
 */

// vue3第一种引入方式：直接链式
// createApp(App).use(router).use(store).use(Vant).mount('#app');

// vue3第二种引入方式：单独分离
const app = createApp(App);
app.use(router);
app.use(store);
app.use(Vant);
app.mount('#app');